*{
    box-sizing: border-box;
    list-style: none;
}

.color{
    color: blue;
    border-bottom: 1px solid blue;
}
.blueColor{
    background-color: blue;
    color: white;
}
.sousuo{
    background-image: url(../images/sousuo1.png);
    background-repeat: no-repeat;
    background-position: 15px 7px;
    width: 50px;
    height: 32px;
    vertical-align: middle;
    border: none;
    background-color: blue;
}
.screen{
    margin-left: 10px;
    background-image: url(../images/Parking-space.png);
    background-repeat: no-repeat;
    background-position: 15px 7px;
    width: 50px;
    height: 32px;
    vertical-align: middle;
    border: none;
    background-color: blue;
}
td,th{
    border: 1px solid #ccc;
    font-size: 14px;
}
// 页码
.page-number{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    font-size: 14px;
    span{
        width: 32px;
        height: 32px;
        display: inline-block;
        background-color: white;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 32px;
        margin-right: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    span:last-child{
        width: auto;
        border: none;
        input{
            width: 32px;
            height: 32px;
            border: 1px solid #ccc;
            outline: none;
            text-align: center;
            margin: 0 5px;
        }
    }
    .number{
        width: 90px;
        height: 32px;
        border: 1px solid #ccc;
        margin-right: 5px;
        outline: none;
    }
}
#main-right{
            flex-grow: 1;
            height: 1000px;
            background-color: rgb(248, 251, 253);
            margin-left: 1%;
            position: relative;
            // 小区管理
            #community{
                // 小区管理头部导航
            .community-nav{
                // width: 100%;
                height: 50px;
                padding: 0px 10px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #ccc;
                .community-search{
                    display: flex;
                    margin-right: 30px;
                    input{
                        width: 200px;
                        height: 30px;
                        border: none;
                        vertical-align: middle;
                    }
                    button{
                        width: 40px;
                        height: 30px;
                        border: none;
                        vertical-align: middle;
                        background-color: rgba(51, 153, 255, 1);
                        background-image: url(../images/sousuo.png);
                        background-repeat: no-repeat;
                        background-size: 20px;
                        background-position: 10px 5px;
                    }
                }
                
            }
            .community-content{
                display: flex;
                flex-wrap: wrap;
                .specific-community{
                    width: 30%;
                    // height: auto;
                    margin: 10px;
                    background-color: white;
                    .specific-community-top{
                        width: 100%;
                        // height: 153px;
                        padding: 20px 10px;
                       
                        .specific-item{
                            display: flex;
                            div:first-child{
                                width: 65px;
                                height: 65px;
                                border-radius: 50%;
                                background-color: rgba(228, 225, 225,0.5);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }
                            div:last-child{
                                display: flex;
                                flex-direction: column;
                                justify-content: space-between;
                                padding: 8px;
                            }
                        }
                        .specific-item1{
                            margin-top: 20px;
    
                            img{
                                margin-right: 10px;
                            }
                            img:first-child{
                                margin-left: 10px;
                            }
                        }
                    }
                    .specific-community-bottom{
                        width: 100%;
                        height: 48px;
                        background-color: rgba(242, 242, 242, 0.4);
                        text-align: right;
                        span{
                            display:inline-block;
                            padding: 10px;
                            img{
                                width: 16px;
                                height: 16px;
                                margin-right: 5px;
                            }
                        }
                    }
                }
                .add-specific-community{
                    width: 30%;
                    height: 201px;
                    margin: 10px;
                    font-size: 12px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    background-color: white;
                    text-align: center;
                }
                .add-specific-community:hover{
                    color: blue;
                    border: 1px dashed blue;
                    cursor: pointer;
                }
            }
            }
            // 小区购买
            #bayCommunity{
                padding: 10px 50px;
                #bayCommunity-center{
                    height: 826px;
                    padding: 20px;
                    margin-top: 30px;
                    background-color: white;
                    .bayCommunity-moneys{                  
                        display: flex;
                        height: 400px;
                        border-bottom: 1px solid #ccc;
                        flex-wrap: wrap;
                        align-content: flex-start;
                        .bayCommunity-moneys-top{
                            margin-bottom: 80px;
                            width: 100%;
                            height: 30px;
                        }
                        .bayCommunity-money-username{
                            margin-right: 50px;
                        }
                        .bayCommunity-money{
                            width: 27%;
                            height: 200px;
                            border: 1px solid #ccc;
                            padding: 20px;
                            margin-right: 10px;
                            p:first-child{
                                font-size: 36px;
                                text-align: center;
                                border-bottom: 1px solid #ccc;
                                height: 100px;
                                line-height: 100px;
    
                            }
                            p:last-child{
                                font-size: 14px;
                                text-align: center;
                                padding-top: 10px;
                            }
                        }
                    }
                    .payCommunity{
                        width: 100%;
                        height: 426px;
                        font-size: 14px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        img{
                            width: 243px;
                            margin: 5px;
                        }
                        span{
                            color: red;
                        }
                        button{
                            width: 106px;
                            height: 42px;
                            margin-top: 5px;
                            background-color: white;
                            border:1px solid #ccc
                        }
                    }

                }
                
            }
            // 新增/修改小区
            #addCommunity{
                padding: 10px 30px;
                h3{
                    margin-bottom: 20px;
                }
                .addCommunity-content{
                    height: 855px;
                    width: 80%;
                    padding: 0px 20px;
                    background-color: white;
                    .addCommunity-content-demo{
                        font-size: 14px;
                        border-bottom: 1px dashed #ccc;
                        padding: 10px 0px;
                        span{
                            margin-right: 10px;
                            display: inline-block;
                            width: 80px;
                            text-align: right;
                        }
                        input{
                            width: 70%;
                            height: 34px;
                            border: 1px solid #ccc;
                        }
                        #small-input{
                            width: 20%;
                        }
                        select{
                            width: 122px;
                            height: 36px;
                            border: 1px solid #ccc;
                        }
                        button{
                            width: 106px;
                            height: 42px;
                            border: none;
                        }
                        button:first-child{
                            background-color: blue;
                            color: white;
                            margin-right: 20px;
                        }
                        
                    }
                    .addCommunity-content-demo:nth-of-type(5),.addCommunity-content-demo:nth-of-type(6){
                        height: 150px;
                        display: flex;
                        align-items: center;
                    }
                    .addCommunity-content-demo:nth-of-type(7){
                        display: flex;
                        border: none;
                        justify-content: center;
                    }
                }
            }
            // 删除小区
            #deletCommunity,.deletBuilding{
                width: 40%;
                height: 298px;
                border-radius: 5px;
                border: 1px solid #ccc;
                background-color: white;
                position: fixed;
                top: 120px;
                right: 25%;
                padding: 5px;
                p{
                    padding: 10px;
                    border-bottom: 1px solid #ccc;
                }
                .deletCommunity-content,.deletBuilding-content{
                    display: flex;
                    padding: 50px;
                    border-bottom: 1px solid #ccc;
                    img{
                        width: 67px;
                        height: 67px;
                    }
                    div{
                        margin-left: 20px;
                    }
                    p{
                        padding: 0;
                        border: none;
                    }
                }
                button{
                    width: 90px;
                    height: 36px;
                    border: none;
                    margin-right: 20px;
                    margin-top: 20px;
                }
                .deletCommunity-confirm,.deletBuilding-confirm{
                    background-color: blue;
                    color: white;
                }
                .deletCommunity-button,.deletBuilding-button{
                    display: flex;
                    justify-content: flex-end;
                }
            }
            // 新增小区的其他信息
            .Other-information{
                padding: 10px 30px;
                .addCommunity-content{
                    height: 855px;
                    width: 80%;
                    padding: 0px 20px;
                    background-color: white;
                    margin-top: 10px;
                }
                .addCommunity-content-demo{
                    font-size: 14px;
                    border-bottom: 1px dashed #ccc;
                    padding: 10px 0px;
                    span{
                        display: inline-block;
                        width: 100px;
                        text-align: right;
                        margin-right: 10px;
                    }
                    input{
                        width: 70%;
                        height: 34px;
                        border: 1px solid #ccc;
                    }
                    textarea{
                        width: 70%;
                        border: 1px solid #ccc;
                    }
                }
                .addCommunity-content-demo:nth-of-type(7){
                    display: flex;
                    align-items: flex-start;
                }
                .addCommunity-content-demo:nth-of-type(8){
                    display: flex;
                    border: none;
                    justify-content: center;
                    margin-top: 20px;
                    button{
                        width: 10%;
                        height: 42px;
                        border: none;
                    }
                    button:first-child{
                        background-color: blue;
                        color: white;
                    }
                    button:nth-of-type(2){
                        background-color: green;
                        color: white;
                        margin: 0px 10px;
                    }
                }
            }
            // 楼宇管理
            #building{
                .building-head{
                    padding-left: 10px;
                    background-color: white;
                    h3{
                        padding: 10px;
                    }
                    .building-nav{
                        span{
                            padding: 10px;
                        }
                        select{
                            width: 18%;
                            padding: 5px;
                            border: none;
                        }
                    }
                    .classify{
                        span{
                            width: 90px;
                            height: 40px;
                            display: inline-block;
                            text-align: center;
                            line-height: 40px;
                            // background-color: red;
                        }
                        
                    }
                }
                .building-content{
                    background-color: white;
                    height: 786px;
                    margin-top: 20px;
                    .building-content-nav{
                        display: flex;
                        padding: 10px;
                        h4{
                            margin-right: 10%;
                        }
                        h3{
                            margin: 0 20px;
                        }
                        span:nth-of-type(3){
                            margin: 0 50px;
                        }
                        span:nth-of-type(5){
                            margin-left: 15%;
                        }
                        span:nth-of-type(6){
                            margin: 0 20px;
                        }
                        span:nth-of-type(1),span:nth-of-type(5),
                        span:nth-of-type(6),span:nth-of-type(7){
                            color: blue;
                        }
                    }
                    .building-content-main{
                        display: flex;
                        ul{
                            width: 200px;
                            li{
                                // text-align: center;
                                padding: 10px;
                                border-top: 1px solid #ccc;
                                display: flex;
                                justify-content: flex-end;
                                button{
                                    border: none;
                                    background-color: rgb(224, 214, 214);               
                                }
                                button:last-child{
                                    margin-left: 5px;
                                }
                            }
                            li:last-child{
                                border-bottom: 1px solid #ccc;
                            }
                        }
                        table{
                            flex-grow: 1;
                           
                            td{
                                width: 30%;
                                border: 1px solid #ccc;
                                font-size: 14px;
                                padding: 10px;
                                // min-height: 150px;
                                input{
                                    width: 18px;
                                    height: 18px;
                                    border: 1px solid #ccc;
                                }
                               div{
                                   display: inline-block;
                                   margin-bottom: 10px;
                                   width: 40%;
                                   padding: 10px;
                                   border: 1px solid #ccc;
                               }

                            }
                            td:first-child{
                                width: 10%;
                            }
                            tr:first-child td{
                                text-align: center;
                                padding: 10px 0;
                            }
                            
                        }
                    }
                }
                // 楼栋设置
                .set-Building{
                    position: fixed;
                    top: 25%;
                    left: 25%;
                    width: 50%;
                    height: 470px;
                    border: 1px solid #ccc;
                    background-color: white;
                    padding: 10px;
                    h4{
                        padding: 10px 0;
                        border-bottom: 1px solid #ccc;
                    }
                    div{
                        padding: 10px;
                        font-size: 14px;
                        span{
                            display: inline-block;
                            width: 70px;     
                            text-align: right;
                        }
                        input{
                            height: 40px;
                            width: 80%;
                            border: 1px solid #ccc;
                        }
                        button{
                            width: 105px;
                            height: 42px;
                            border: none;
                            
                        }
                        button:first-child{
                            background-color: blue;
                            color: white;
                            margin-right: 10px;
                        }
                    }
                    div:last-child{
                        display: flex;
                        justify-content:flex-end;
                    }
                }
                // 添加房屋
                .addHome{
                    position: fixed;
                    top: 25%;
                    left: 30%;
                    width: 40%;
                    // height: 470px;
                    border: 1px solid #ccc;
                    background-color: white;
                    padding: 10px;
                    h4{
                        padding: 10px 0;
                        border-bottom: 1px solid #ccc;
                    }
                    div{
                        padding: 5px;
                        font-size: 14px;
                        span{
                            display: inline-block;
                            width: 70px;     
                            text-align: right;
                        }
                        input,select{
                            height: 40px;
                            width: 80%;
                            border: 1px solid #ccc;
                        }
                        button{
                            width: 105px;
                            height: 42px;
                            border: none;
                            
                        }
                        button:first-child{
                            background-color: green;
                            color: white;
                            margin-right: 10px;
                        }
                    }
                    div:nth-of-type(8){
                        input{
                            width: 66px;
                        }
                    }
                    div:last-child{
                        display: flex;
                        justify-content:flex-end;
                    }

                }
                // 收费标准设置
                .Charge-standard{
                    position: fixed;
                    top: 25%;
                    left: 35%;
                    width: 40%;
                    height: 337px;
                    border: 1px solid #ccc;
                    background-color: white;
                    padding: 10px;
                    h4{
                        padding: 10px 0;
                        border-bottom: 1px solid #ccc;
                    } 
                    div{
                        margin-top: 30px;
                        span{
                            padding: 10px;
                        }
                        select{
                            width: 50%;
                            height: 40px;
                            border: 1px solid #ccc;
                        }
                        button{
                            width: 105px;
                            height: 42px;
                            border: none;
                            
                        }
                        button:first-child{
                            background-color: blue;
                            color: white;
                            margin-right: 10px;
                        }
                    }
                    div:last-child{
                        display: flex;
                        justify-content:center;
                    }
                }
            }
            // 车位管理,广告位管理,车辆管理
            #Parking-space,#advertising,#vehicle{
                padding: 10px;
                .Parking-space-nav,.advertising-space-nav,.vehicle-space-nav{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 10px 0 0 10px;
                    div:first-child{
                        span{
                            padding: 5px 20px;
                            background-color: white;
                        }
                        span:first-child{
                            background-color: blue;
                            color: white;
                        }
                        span:nth-of-type(2){
                            background-color: green;
                            color: white;
                        }
                    }
                    div:last-child{
                        display: flex;
                        input{
                            width: 232px;
                            height: 34px;
                            border: 1px solid #ccc;
                            vertical-align: middle;
                        }
                        
                    }
                }
                table{
                    width: 100%;
                    text-align: center;
                    margin-top: 30px;
                    
                    input{
                        width: 18px;
                    }
                    th{
                        background-color: rgb(228, 227, 227);
                        padding: 10px 0;
                    }
                    td{
                        padding: 10px 0;
                        background-color: white;
                    }
                    span{
                        color: blue;
                        padding: 3px;
                    }
                }
                
            }
            // 添加车位
            #addParking-space{
                padding: 30px;
                .addParking-space-content{
                    width: 100%;
                    background-color: white;
                    padding: 10px;
                    div{
                        width: 70%;
                        border-bottom: 1px solid #ccc;
                        padding: 10px 30px;
                        span{
                            display: inline-block;
                            width: 80px;
                            padding: 5px 0;
                            text-align: right;
                        }
                        input,textarea,select{
                            width: 70%;
                            border: 1px solid #ccc;
                        }
                        input,select{
                            height: 36px;                    
                            outline: none;
                        }
                        
                    }
                    div:last-child{
                        border: none;
                        text-align: center;
                        button{
                            width: 106px;
                            height: 42px;
                            border: none;
                        }
                        button:first-child{
                            background-color: blue;
                            color: white;
                            margin-right: 20px;
                        }
                    }
                }
            }
            // 业主管理，租客管理
            #owner,#tenants{
                .owner-head,.tenants-head{
                    background-color: white;
                    height: 130px;
                    h3{
                        padding: 10px;
                    }
                    p,span{
                        font-size: 13px;
                        padding: 10px;
                        
                    }
                    span:hover{
                        cursor: pointer;
                    }
                    div{
                        margin-top: 18px;
                    }
                }
                table{
                    width: 100%;
                    text-align: center;
                    input{
                        width: 18px;
                    }
                    th{
                        background-color: #ccc;
                        padding: 10px 0;
                    }
                    td{
                        padding: 10px 0;
                        background-color: white;
                    }
                    span{
                        color: blue;
                    }
                }
                .owner-content,.tenants-content{
                    padding: 10px;
                    .owner-content-head,.tenants-content-head{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        div:first-child{
                            span{
                                padding: 5px 20px;
                                background-color: white;
                            }
                            span:nth-of-type(1),span:nth-of-type(2){
                                background-color: green;
                                color: white;
                            }
                        }
                        div:last-child{
                            display: flex;
                            input{
                                width: 232px;
                                height: 34px;
                                border: 1px solid #ccc;
                                vertical-align: middle;
                            }
                            
                        }
                    }
                    
                }
            }
            // 添加住户
            #addOwner,#addTenants{
                // position: absolute;
                padding: 0 30px;
                .addOwner-header,.addTenants-header{
                    p{
                        padding: 5px 0;
                    }
                }
                .addOwner-basic,.addTenants-basic{
                    margin-top: 20px;
                    padding: 20px;
                    background-color: white;
                    h4{
                        border-bottom: 1px solid #ccc;
                        padding: 10px 0;
                    }
                    .addOwner-basic-content,.addTenants-basic-content{
                        display: flex;
                        padding: 20px;
                        .addOwner-basic-items1,.addOwner-basic-items2,
                        .addTenants-basic-items1,.addTenants-basic-items2{
                            width: 40%;
                            div{
                                padding: 5px;
                            }
                            span{
                                display: inline-block;
                                font-size: 14px;
                                width: 80px;
                                text-align: right;
                                padding: 5px;
                            }
                            input,select{
                                width: 60%;
                                height: 36px;
                                border: 1px solid #ccc;
                                outline: none;
                            }
                        }
                        .addOwner-basic-items2,.addTenants-basic-items2{
                            div:nth-of-type(2){
                                display: flex;
                                align-items: center;
                                input{
                                    width: 20px;
                                    margin-left: 5px;
                                    border-radius: 50%;
                                }
                            }
                        }
                        .addOwner-basic-items3,.addTenants-basic-items3{
                            border: 1px solid #ccc;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                }
                .addOwner-Other,.addTenants-Other{
                    margin-top: 20px;
                    padding: 20px;
                    background-color: white;
                    h4{
                        border-bottom: 1px solid #ccc;
                        padding: 10px 0;
                    }
                    span{
                        display: inline-block;
                        width: 80px;
                        text-align: right;
                    }
                    input,select{
                        width: 290px;
                        height: 36px;
                        border: 1px solid #ccc;
                        outline: none;
                    }
                    div{
                        padding: 10px;
                    }
                    div:last-child{
                        display: flex;
                        align-items: flex-start;
                        textarea{
                            width: 60%;
                            border: 1px solid #ccc;
                            height: 90px;
                        }
                    }
                }
                .addOwner-btn,.addTenants-btn{
                    border: none;
                    margin-top: 10px;
                    button{
                        width: 106px;
                        height: 42px;
                        border: none;
                    }
                    button:first-child{
                        background-color: blue;
                        color: white;
                        margin-right: 20px;
                    }
                }
                
            }
            // 访客管理
            #visitors{
                .visitors-top{
                    display: flex;
                    padding:10px;
                    div{
                        width: 15%;
                        height: 100px;
                        background-color: white;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        margin-left: 10px;
                        h3{
                            color: blue;
                        }
                    }
                    div:last-child:hover{
                        border: 1px dashed blue;
                        color: blue;
                        cursor: pointer;
                    }
                }
                .visitors-content{
                    padding: 10px;
                    div:first-child{
                        display: flex;
                        justify-content: flex-end;
                        padding-right: 30px;
                        input{
                            width: 232px;
                            height: 34px;
                            border: 1px solid #ccc;
                        }
                    }
                    table{
                        width: 100%;
                        text-align: center;
                        border-radius: 4px;
                        margin-top: 10px;
                        th{
                            background-color: rgb(230, 225, 225);
                            padding: 10px 0;
                            border: 0.5px solid #ccc;
                        }
                        td{
                            padding: 10px 0;
                            background-color: white;
                            border: 0.5px solid rgb(228, 224, 224);
                        }
                        span{
                            color: blue;
                        }
                    }
                }
            }  
            //添加广告位
            #advertising{
                position: relative;
                .addAdvertising{
                    width: 50%;
                    position: absolute;
                    top: 20%;
                    left: 20%;
                    background-color: rgb(203, 214, 213);
                    div{
                        width: 100%;
                        padding: 10px;
                        input,select{
                            width: 60%;
                            height: 36px;
                            border: 1px solid #ccc;
                            outline: none;
                        }
                        span{
                            display: inline-block;
                            padding: 10px;
                            width: 120px;
                            text-align: right;
                        }
                    }
                    div:last-child{
                        border: none;
                        text-align: center;
                        button{
                            width: 106px;
                            height: 42px;
                            border: none;
                        }
                        button:first-child{
                            background-color: blue;
                            color: white;
                            margin-right: 20px;
                        }
                    }
                }
            }
}
